<template>
  <div style="color: #666;font-size: 14px;">
    <div style="padding-bottom: 20px">
      <b>欢迎你！{{ user.nickname }}</b>
    </div>
    <el-card>
      青哥出手，马上拥有
      <el-divider />
      B站所有的付费笔记、源码、代码生成器、成品项目等都打包在VIP群，<b>128</b>元上车<br><br>
      4款青戈原创的代码生成器，如果需要，加UP QQ：1938976892<br><br>
      <a style="color: #1E90FF" href="https://mp.weixin.qq.com/s?__biz=MzAwMTA0OTg3Ng==&mid=2247492593&idx=1&sn=e2ccafcd4364c54a7de20fcd4d474294&chksm=9add378aadaabe9c982a8859f903f1c475deba3420bd0a2d8c11cf5c427e2bb5da00b0a39dac#rd" target="_blank">知识星球</a>
      新人特惠活动进行中，关于本项目的任何问题都可以得到1对1的解答服务，
      现在 <a style="color: red; font-size: 20px" href="https://t.zsxq.com/08x4zzHWo" target="_blank">戳我加入</a><br><br>
    </el-card>
    <div style="height: 1px; background: #ddd; margin: 20px 0"/>

    <el-row :gutter="30">
      <el-col :span="12">
        <div style="padding: 20px 0; font-size: 20px">小白做毕设专用框架</div>
        <div>
          这是一款专门针对毕设系统设计的框架，代码简单，结构清晰，如果你是小白，一定不要错过哦
        </div>
        <div class="m-10"><el-button type="danger"><i class="el-icon-coin"></i> 免费开源</el-button></div>
        <div class="m-10"><el-button type="primary"><i class="el-icon-s-custom"></i> 交流QQ群：435247329 </el-button>
          <el-button type="primary">715739443</el-button></div>
        <div class="m-10">
          <el-button type="primary"><i class="el-icon-link"></i> <a style="color: #fff" href="https://github.com/xqnode/pure-design">Github源码</a></el-button>
          <el-button type="primary"><i class="el-icon-link"></i> <a style="color: #fff" href="https://www.bilibili.com/video/BV1U44y1W77D">B站视频讲解</a></el-button>
        </div>
      </el-col>
      <el-col :span="12">
        <div style="padding: 20px 0; font-size: 20px">技术栈</div>
        <el-row>
          <el-col :span="12" style="line-height: 30px">
            <div><b>后端</b></div>
            <div>SpringBoot2</div>
            <div>Hutool</div>
            <div>Poi</div>
            <div>Lombok</div>
            <div>Mybatis/Mybatis-plus</div>
          </el-col>
          <el-col :span="12" style="line-height: 30px">
            <b>前端</b>
            <div>Vue2</div>
            <div>Vue-Router</div>
            <div>VueX</div>
            <div>ElementUI</div>
            <div>Axios</div>
          </el-col>
        </el-row>
      </el-col>
    </el-row>

  </div>
</template>

<script>
export default {
  name: "Home",
  data() {
    return {
      user: localStorage.getItem("user") ? JSON.parse(localStorage.getItem("user")) : {}
    }
  }
}
</script>
